<template>
  <div id="app">
   
    <router-view/>
  </div>
</template>

<style lang='less'>
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
       *{
        margin: 0;
        padding: 0;
       
      }

li{
  list-style:none
}
a{
  text-decoration:none;color:#000;

}
input{
  border: none;
}

@home-size14:14px;
body{
  // 使该元素滚动条不占位置
  overflow-y: overlay;
  box-sizing: border-box;
}
.titleBig{
    font-size: 26px;
    font-weight: 800;
}
.titleStandard{
   font-size: 16px;
   color: #333333;
}
.samllTitle{
 font-size: 14px;
   color: #507DAF;
}
.title18{
  font-size: 18px;
  color: #666666;
}
.title18Black{
  font-size: 18px;
  color: #222;
}
.title16{
  font-size: 16px;
  color: #666666;
}
.titleMin{
    font-size: 15px;
    
}
.titleMin-h{
    font-size: 15px;
    color: #CCCCCC;
    
}
.titleMin-black{
    font-size: 15px;
    color: #333333;
    
}
.titleMin-h9{
    font-size: 15px;
    color: #999999;
    
}
.flexView{
  display: flex;
  align-items: center;
  justify-content: center;
}
.floatViewClear:after{
         content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.SQ-grad{
            display: inline-block;
            border: solid 1px #EC4141;
            padding: 0 -1px;
            color: #EC4141;
            line-height: 15px;
            font-weight: 400;
            border-radius: 3px;
            font-size: 15px !important;
            cursor: pointer;
}
.HOT{
          margin-left: 4px;
          display: inline-block;
          // border: solid 1px #EC4141;
          padding: 0 -1px;
          color: #EC4141;
          line-height: 14px;
          font-weight: 400;
          border-radius: 3px;
          font-size: 12px !important;
          cursor: pointer;
          font-style: italic;
          font-weight: 800;
}
.HOT-Bord{
          margin-left: 4px;
          display: inline-block;
          border: solid 1px #EC4141;
          padding: 0 -1px;
          color: #EC4141;
          line-height: 14px;
          font-weight: 400;
          border-radius: 3px;
          font-size: 12px !important;
          cursor: pointer;
          font-style: italic;
          font-weight: 800;
          padding-right: 3px;
}
.yc-text{
   overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn1{
  background: #F5A0A0;
  padding: 8px 16px;
    border-radius: 20px;
    border: none;
    color: #ffff;
cursor: pointer;
                letter-spacing: 10px;
                text-indent: 10px;
}
.btn2{
  background: #fff;
  padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
cursor: pointer;
                letter-spacing: 10px;
                text-indent: 10px;
}
.btn3{
  background: #fff;
  padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
cursor: pointer;

}

</style>
  <script type="text/javascript">
const { default: store }=require("./store");

    window.onload=function(){
      
        var getScreen =document.documentElement.clientWidth || document.body.clientWidth;
        var style = document.createElement('style');
        style.type = 'text/css'
         document.getElementsByTagName('head')[0].appendChild(style)
         style.innerHTML='html{font-size: '+getScreen/10+'px;}'
        //  console.log(getScreen)
    }
    window.addEventListener('resize',function(){
     var getScreen =document.documentElement.clientWidth || document.body.clientWidth;
        var style = document.createElement('style');
        style.type = 'text/css'
         document.getElementsByTagName('head')[0].appendChild(style)
         style.innerHTML='html{font-size: '+getScreen/10+'px;}'
        // console.log(style)
        //  console.log(getScreen)
})

</script>
